﻿@{
    ViewBag.Title = "概况";
}
@section head{
    <script type="text/javascript">
        $(function () {
            $("#wpnav a").removeClass("current").eq(0).addClass("current");

            KISSY.use("dom,event,switchable,datalazyload", function (S, DOM, Event, Switchable) {
                var s = new Switchable.Slide('#J_Slide', {
                    effect: 'scrolly',
                    easing: 'easeOutStrong'
                });
                var descList = DOM.children('ul.j-desc-list');
                s.on('beforeSwitch', function (ev) {
                    S.each(descList, function (desc, i) {
                        desc.style.display = i === ev.toIndex ? 'block' : 'none';
                    });
                });

                var Carousel = Switchable.Carousel;
                S.ready(function (S) {
                    var carousel = new Carousel('#linksbox', {
                        effect: 'scrollx',
                        easing: 'easeOutStrong',
                        steps: 6,
                        viewSize: [924],
                        circular: false,
                        prevBtnCls: 'prev',
                        nextBtnCls: 'next',
                        autoplay: false,//自动切换
                        disableBtnCls: 'disable',
                        lazyDataType: 'img-src'
                    });
                    var carousel2 = new Carousel('#linksbox2', {
                        effect: 'scrollx',
                        easing: 'easeOutStrong',
                        steps: 6,
                        viewSize: [924],
                        circular: false,
                        prevBtnCls: 'prev',
                        nextBtnCls: 'next',
                        autoplay: false,//自动切换
                        disableBtnCls: 'disable',
                        lazyDataType: 'img-src'
                    });
                });
            });
        });
    </script>
}

<h3>概况<a class="more">更多概况</a></h3>
<div class="fn-clear">
<div class="fn-left" style="width: 470px; margin-right: 20px;">
    <div id="J_Slide">
        <ol class="ks-switchable-content">
            <li class="ks-switchable-panel-internal7" style="display: block; "><a href="#" target="_blank"><img alt="" src="http://img05.taobaocdn.com/tps/i5/T1HllqXjXpXXXXXXXX-470-150.jpg"></a></li>
            <li class="hidden ks-switchable-panel-internal7" style="display: block; "><a target="_blank" href="#"><img alt="" width="470" height="150" border="0" src="http://img.alimama.cn/bcrm/adboard/picture/2009-12-24/091224170529.gif"></a></li>
            <li class="hidden ks-switchable-panel-internal7" style="display: block; "><a target="_blank" href="#"><img alt="" width="470" height="150" border="0" src="http://img.alimama.cn/bcrm/adboard/picture/2009-12-29/091229160359.jpg"></a></li>
            <li class="hidden ks-switchable-panel-internal7" style="display: block; "><a href="#" target="_blank"><img alt="" src="http://img01.taobaocdn.com/tps/i1/T1qS0qXhBhXXXXXXXX-470-150.jpg"></a></li>
            <li class="hidden ks-switchable-panel-internal7" style="display: block; ">aaaa</li>
        </ol>
        <ul class="ks-switchable-nav">
            <li class="ks-switchable-trigger-internal6">1</li>
            <li class="ks-switchable-trigger-internal6">2</li>
            <li class="ks-switchable-trigger-internal6">3</li>
            <li class="ks-switchable-trigger-internal6">4</li>
            <li class="ks-switchable-trigger-internal6 ks-active">5</li>
        </ul>
    </div>
    <ul class="j-desc-list">
        <li style="display: block">
            秦代的刑场上，一个身着奇装异服的年轻人从天而降，众将士议论纷纷
        </li>
        <li style="display: none">
            继昨日凌晨降下新年首场小雪，今日首场强降雪飘落京城，据气象台预
        </li>
        <li style="display: none">
            正拍摄《杜拉拉升职记》的导演张一白因吸毒被抓，据传是其捧红的
        </li>
        <li style="display: none">
            曾因《泰坦尼克号》创造过票房记录的好莱坞导演詹姆斯-卡梅隆
        </li>
        <li style="display: none">
            从70岁老教授潜规则艺校女生，到上海贫困女硕士自杀
        </li>
        <li style="display: none">
            全新《尚周刊》在新年里与大家新鲜见面。简约是本周最IN的街头风
        </li>
    </ul>
</div>
<div class="fn-right" style="width: 470px;">
    <ul class="artlist">
        @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
            <li><a href="/Home/Focus">@md.Title</a> <span class="date">@md.Date</span> </li>
        }
    </ul>
</div>
</div>

<h3>领导关注</h3>
<ul class="artlist">
    @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
        <li><a href="/Home/Focus">@md.Title</a> <span class="date">@md.Date</span> </li>
    }
</ul>

<h3>村官风采</h3>
<div id="linksbox" class="s-demo scrollable">
    <span id="scroller-prev" class="prev disable">&lsaquo;&lsaquo;</span>
    <span id="scroller-next" class="next">&rsaquo;&rsaquo;</span>
    <div class="scroller">
        <div class="ks-switchable-content">
            <img alt="" src="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" src="http://img02.taobaocdn.com/tps/i2/T1.XGaXalnXXXXXXXX-110-135.png" />
            <img alt="" src="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" />
            <img alt="" src="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <!-- 6-12 -->
            <img id='carousel_lazy1' alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <!-- 12-18 -->
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
        </div>
        <ul class="ks-switchable-nav">
            <li class="ks-active">&bull;</li>
            <li>&bull;</li>
            <li>&bull;</li>
        </ul>
    </div>
</div>

<h3>产品销售</h3>
<div id="linksbox2" class="s-demo scrollable">
    <span id="scroller-prev" class="prev disable">&lsaquo;&lsaquo;</span>
    <span id="scroller-next" class="next">&rsaquo;&rsaquo;</span>
    <div class="scroller">
        <div class="ks-switchable-content">
            <img alt="" src="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" src="http://img02.taobaocdn.com/tps/i2/T1.XGaXalnXXXXXXXX-110-135.png" />
            <img alt="" src="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" />
            <img alt="" src="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <!-- 6-12 -->
            <img id='carousel_lazy1' alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <!-- 12-18 -->
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
        </div>
        <ul class="ks-switchable-nav">
            <li class="ks-active">&bull;</li>
            <li>&bull;</li>
            <li>&bull;</li>
        </ul>
    </div>
</div>

<h3>便民服务</h3>
<div class="fn-clear">
    <div class="fn-clear fn-left" style="width: 470px; margin-right: 20px;">
        <h4>农产品供求</h4>
        <div class="listbox mr10">
            <ul class="artlist">
                @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
                    <li><a href="/Home/Focus">@md.Title</a></li>
                }
            </ul>
        </div>
        <div class="listbox">
            <ul class="artlist">
                @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
                    <li><a href="/Home/Focus">@md.Title</a></li>
                }
            </ul>
        </div>
    </div>
    <div class="fn-clear fn-left" style="width: 470px;">
        <h4 style="width: 480px;">劳动力供求</h4>
        <div class="listbox mr10">
            <ul class="artlist">
                @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
                    <li><a href="/Home/Focus">@md.Title</a></li>
                }
            </ul>
        </div>
        <div class="listbox">
            <ul class="artlist">
                @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
                    <li><a href="/Home/Focus">@md.Title</a></li>
                }
            </ul>
        </div>
    </div>
</div>